// JavaScript Document


// table切换
$(function(){
		
	var theIndex = 0;
	$('.tab1 li').mouseover(function(){

       theIndex = $(this).index();

    $(this).css({borderTop:"2px solid #C81623",borderLeft:"1px solid #C81623",borderRight:"1px solid #C81623",background:"white"}).siblings().css({border:"none"});

    $('.tab_pic .p_list').eq(theIndex).fadeIn("slow").siblings().stop().fadeOut("slow");

	})




    // // 滚筒效果
    // var num = 0 ;
    
    // // 自动部分
    // function run(){
    // 	num++;
    // 	if(num==5){
    // 		$("#roll_all .roll").css({left:"0px"});
    // 		num = 1;
    // 	}
    // 	var ls = num * -339;
    // 	$("#roll_all .roll").animate({left:ls+"px"});
    // 	if(num==4){
    // 		$(".circle_box .circle").eq(0).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    // 	}else{
    // 		$(".circle_box .circle").eq(num).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    // 	}
    // }
    // timer = setInterval(run,2000);


    // $("#roll_all").hover(function() {
    // 	$("#roll_all .click").fadeIn("slow");
    // 	clearInterval(timer);
    // }, function() {
    // 	$("#roll_all .click").fadeOut("slow");
    //     timer = setInterval(run,2000);	
    // });


    // // 小点移入移出

    // $(".circle_box .circle").mouseover(function() {
    // 	num = $(this).index();
    // 	var ln = num*-339;
    // 	$(".circle_box .circle").eq(num).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    // 	$("#roll_all .roll").animate({left:ln+"px"});
    // });

    // // 左右手动切换
    //     var z = 0;
    // $(".click .click_l").click(function(){
    //     if(z==1){
    //     	return;
    //     }
    //     setTimeout(function(){
    //     	z=0;
    //     },2000);
    //     z =1;
    //     num++;
    //     if(num==5){
    // 		$("#roll_all .roll").css({left:"0px"});
    // 		num = 1;
    // 	}
    // 	var lst = num * -339;
    // 	$("#roll_all .roll").animate({left:lst+"px"});
    // 	if(num==4){
    // 		$(".circle_box .circle").eq(0).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    // 	}else{
    // 		$(".circle_box .circle").eq(num).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    // 	}
    // })


    // var w = 0;
    // $(".click .click_r").click(function(){
    //     if(w==1){
    //     	return;
    //     }
    //     setTimeout(function(){
    //     	w=0;
    //     },2000);
    //     w =1;
    //     num--;
    //     if(num==-1){
    // 		$("#roll_all .roll").css({left:"-1356px"});
    // 		num = 3;
    // 	}
    // 	var lsr = num * -339;
    // 	$("#roll_all .roll").animate({left:lsr+"px"});
    // 	if(num==4){
    // 		$(".circle_box .circle").eq(0).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    // 	}else{
    // 		$(".circle_box .circle").eq(num).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    // 	}
    // })





    // 滚动效果
    // 鼠标移入移出部分
    // $('#roll_all').hover(function() {
    //     $('#roll_all .click').fadeIn('slow');
    //     clearInterval(timer);
    // }, function() {
    //     $('#roll_all .click').stop().fadeOut('slow');
    //     timer = setInterval(run,2000);
    // });

    // 自动部分

    var num = 0;

    function run(){
        num++;
        if(num==5){
           $('#roll_all .roll_ul').css({left:"0px"});
           num = 1; 
        }
        var l1 = num *-443;
        $('#roll_all .roll_ul').animate({left:l1+"px"});
        if(num==4){
            $('#roll_all .circle_box .circle').eq(0).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
        }else{
            $('#roll_all .circle_box .circle').eq(num).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
        }
    }
    timer1 = setInterval(run,2000);



    $("#roll_all").hover(function() {
        $("#roll_all .click").fadeIn("slow");
        clearInterval(timer1);
    }, function() {
        $("#roll_all .click").stop().fadeOut("slow");
        timer1 = setInterval(run,2000);   
    });


    // 鼠标移入移出部分
    $('#roll_all .circle_box .circle').mouseover(function() {
        var re = $(this).index();
        $('#roll_all .circle_box .circle').eq(re).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
        var l2 = re*-443;
        $('#roll_all .roll_ul').animate({left:l2+"px"});
    });



    // 点击部分
    // 左边
    var c=0;
    $('.click .click_l').click(function(){
        if(c==1){
           return;
        }
        setTimeout(function(){
            c=0;
        },2000);
        c=1;
        num++;
        if(num==5){
           $('#roll_all .roll_ul').css({left:"0px"});
           num = 1; 
        }
        var lst = num *-443;
        $('#roll_all .roll_ul').animate({left:lst+"px"});
        if(num==4){
            $('#roll_all .circle_box .circle').eq(0).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
        }else{
            $('#roll_all .circle_box .circle').eq(num).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
        };
    });


    // 右边
    var w = 0;
    $('.click .click_r').click(function(){
        if(w==1){
           return;
        }
        setTimeout(function(){
            w=0;
        },2000);
        w=1;
        num--;
        if(num==-1){
           $('#roll_all .roll_ul').css({left:"-1772px"});
           num = 3; 
        }
        var rst = num *-443;
        $('#roll_all .roll_ul').animate({left:rst+"px"});
        if(num==4){
            $('#roll_all .circle_box .circle').eq(0).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
        }else{
            $('#roll_all .circle_box .circle').eq(num).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
        };
    });


























































})